<html>
<head>

		<link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
</head>

<body>
<div id="wrap">
<div class="header">
<div id="logo">
</div>
<div class="title">
<h3> Books To Africa</h3>
</div>
<div id="menu">
            <ul>                                                                       
            <li><a href="${createLink(controller:'Home',action:'home')}">home</a></li>
            </ul>
        </div>     


</div>
<div class="center_content">
<div class="right_content">

</div>
<div class="left_content">

<div class="box_top"></div>
<div class="box_center">

</div>
<div class="box_bottom"></div>
<div class="box_top"></div>
<div class="box_center">
<div id="photos" >
<div class = "allBooks">
	<g:each var="book" in="${bookList}">
	<p>${book.title} ${book.author } ${book.category }</p>
	</g:each>
</div>
</div>
</div>
<div class="box_bottom"></div>
</div>


<div class="menu" align="center">

</div>
</div>
<div class="clear"></div>
<div class="footer">
</div>
</div>
</body>
</html>

